<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>全球新冠状病毒信息统计</title>
    <style>
        #headline{
            text-align: center;
        }

        .b {
            margin-left: 125px;
            margin-right: 125px;
        }

        .b input{
            float: left;
            outline-style: none ;
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 5px 7px;
            font-size: 2px;
            font-weight: 700;
            font-family: "Microsoft soft";
        }

        .table14_1{
            margin-top: 15px;
            margin-left: 125px;
            margin-right: 125px;
        }

        .table14_1 table {
            width: 100%;
            margin:15px 0;
            border:0;
        }
        .table14_1 th {
            font-weight:bold;
            background-color:#e7f6fe;
            color:#57c5fe
        }
        .table14_1,.table14_1 th,.table14_1 td {
            font-size:0.95em;
            text-align:center;
            padding:4px;
            border-collapse:collapse;
        }
        .table14_1 th,.table14_1 td {
            border: 1px solid #ffffff;
            border-width:1px

        }
        .table14_1 th {
            border: 1px solid #e7f6fe;
            border-width:1px 0 1px 0
        }
        .table14_1 td {
            border: 1px solid #eeeeee;
            border-width:1px 0 1px 0
        }
        .table14_1 tr {
            border: 1px solid #ffffff;
        }
        .table14_1 tr:nth-child(odd){
            background-color:#f7f7f7;
        }
        .table14_1 tr:nth-child(even){
            background-color:#ffffff;
        }
    </style>
</head>
<body>
<div>
    <h1 id="headline">新型冠状病毒肺炎疫情实时统计</h1>
</div>
<div class="jumbotron" >

    <p class="lead">数据更新时间：<span th:text="${#temporals.format(session.localDateTime,'yyyy-MM-dd HH:mm')}"></span></p>
    <hr class="my-4">

</div>
<div class="b">
    <form action="/search" method="post">
        <input type="button" value="搜索"><input type="text" name="country" value="country">
    </form>
</div>
<div class="table14_1">
    <table >
        <tr>
            <th>国家</th>
            <th>地区</th>
            <th>累计病例</th>
            <th>新增病例</th>
        </tr>
        <tr th:each="a:${session.virusList}">
            <td th:text="${a.getCountry()}"></td>
            <td th:text="${a.getState()}"></td>
            <td th:text="${a.getLatestTotalCases()}"></td>
            <td th:text="${a.getDiffFromPrevDay()}"></td>
        </tr>
    </table>
</div>
</body>
</html>